<template>
  <div>
    <p>时间:{{formattime1(time) }}</p>
    <p :id="id|formatid">id 属性</p>
    <!--使用全局过滤器 及传参-->
    <p>{{money|formatmoney(5)}}</p>
  </div>
</template>

<script>
// 过滤器: 分别全局过滤器和局部过滤器
// 全局过滤器可以在任意组件中使用
// 局部过滤器只能在当前注册的组件内使用

// 过滤器还可以传参

// 在vue3中使用计算属性和methods 替换了该方法;

import moment from "moment";
export default {
  data() {
    return {
      time: new Date().getTime(),
      id: 100,
      money: 999
    };
  },
  filters: {
    formatTime(data) {
      // console.log(data);
      return moment(data).format("YYYY/MM/DD hh:mm:ss");
    },
    formatid(data) {
      return data * 1000;
    }
  },
  methods: {
    formattime1(time) {
      return moment(time).format("YYYY/MM/DD hh:mm:ss");
    }
  }
};
</script>
<style scoped>
</style>